<template>
   <div class="lineContainers">

    <el-table
      :data="tableData">
         <el-table-column prop="img" label="列表图">
      <template v-slot="scope">
      <img :src="scope.row.img" width="80" height="60">
       </template>
      </el-table-column>

      <el-table-column
        prop="name"
        label="简介">
         
      </el-table-column>
      <el-table-column
        prop="tel"
        label="描述" style="margin-bottom:74px;">
      </el-table-column>
     
    </el-table>
  </div>
</template>

<script>
export default {
 data() {
        return {
          tableData: [{
            img:require('../../image/main-jiaoyutoutiao.png'),
            name: '30所京城中小学这样过"世界读书日',
            tel: '正值4月23日世界读书日,图书日设立目的是推动跟多的人去阅读和写作,希望所有人都能......',
            
          }, {
           img:require('../../image/main-jiaoyutoutiao.png'),
             name: '30所京城中小学这样过"世界读书日',
            tel: '正值4月23日世界读书日,图书日设立目的是推动跟多的人去阅读和写作,希望所有人都能......',
          },{
           img:require('../../image/main-jiaoyutoutiao.png'),
             name: '30所京城中小学这样过"世界读书日',
            tel: '正值4月23日世界读书日,图书日设立目的是推动跟多的人去阅读和写作,希望所有人都能......',
          },{
           img:require('../../image/main-jiaoyutoutiao.png'),
             name: '30所京城中小学这样过"世界读书日',
            tel: '正值4月23日世界读书日,图书日设立目的是推动跟多的人去阅读和写作,希望所有人都能......',
          }]
        }
      }
}
</script>
<style lang='less' scoped>


/deep/.el-table{
    width: 700px !important;
    margin-top:20px;
    margin-left: 14px;
   margin-bottom: 20px;
}
/deep/.el-table__row{
  height:100px !important;
}
/deep/.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {
    border-bottom:0}
    /deep/.el-table thead{color: #000;font-size: 16px;}
</style>
